<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta charset="UTF-8">
    <title>点餐菜单</title>
    <script>
        (function () {
            var docEl = document.documentElement;

            function setRemunit() {
                //获取到rem的基准值
                var docElWidth = docEl.clientWidth || window.innerWidth || docEl.getBoundingClientRect().Width
                var rem = docElWidth / 10;

                //动态设置html根元素的fontSize
                docEl.style.fontSize = rem + 'px';
            }

            setRemunit();
            //窗口大小变化时触发
            window.addEventListener('resize', setRemunit)
            //窗口出现在当前屏幕的时候
            window.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    setRemunit()
                }
            })
        })();
    </script>
    <link rel="stylesheet" href="../lib/reset.css">
    <link rel="stylesheet" href="../common/navHeader/navHeader.css">
    <link rel="stylesheet" href="../common/headerTab/headerTab.css">
    <link rel="stylesheet" href="./left/left.css">
    <link rel="stylesheet" href="./right/right.css">
    <link rel="stylesheet" href="./shopBar/shopBar.css">
</head>
<body>
<!--头部区域开始-->
<div class="nav">
    <div class="back-icon"></div>
    <h4 class="title">你微笑时好美</h4>
</div>
<!--头部区域结束-->

<!--tab bar开始-->
<div class="tab-bar"></div>
<!--tab bar结束-->

<!--点餐内容区结束-->
<div class="menu-inner">
    <div class="left-bar">
        <div class="left-bar-inner"></div>
    </div>
    <div class="right-content">
        <p class="right-title"></p>
        <div class="right-list">
            <div class="right-list-inner"></div>
        </div>
    </div>
    <!--购物车区域开始-->
    <div class="shop-bar"></div>
    <div class="mask hide"></div>
    <!--购物车区域结束-->
</div>
<!--点餐内容区结束-->


<script src="../lib/jquery-3.4.1.min.js"></script>
<script src="../common/headerTab/headerTab.js"></script>
<script src="./left/left.js"></script>
<script src="./right/right.js"></script>
<script src="./shopBar/shopBar.js"></script>
</body>
</html>